<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="jquery-3.3.1.min.js"></script>
  </head>
  <body>
    <div>
      <span>我是内容</span>
    </div>
    <input type="text" value="请输入内容">
    <script>
      // 1. 获取设置元素内容html()
      console.log($("div").html()); 		     // 输出结果：<span>我是内容</span>
      $("div").html("<span>hello</span>");   // 修改div的内容（HTML会被解析）
      // 2. 获取设置元素文本内容text()
      console.log($("div").text());          // 输出结果：hello
      $("div").text("<span>123</span>");     // 设置div的文本内容（不解析HTML）
      // 3. 获取设置表单值val()
      console.log($("input").val());         // 输出结果：请输入内容
      $("input").val("123");                 // 设置表单元素的值为123
    </script>
  </body>
</html>